//===============================================
//字体显示
//===============================================
$fontFamliy: "Microsoft YaHei";
$font-primary: "Open Sans","Helvetica Neue";
$font-secondary: "Microsoft Yahei",STHeiti,"新宋体",sans-serif;



//===============================================
//字体大小
//===============================================
$font-size: 14px;
$font-size-xs: 0.857em; //12px
$font-size-s: 1.143em;  //16px
$font-size-m: 1.286em; //18px
$font-size-l: 1.429em; //20px
$font-size-xl: 1.714em; //24px;
$font-size-ls: 1.375em; //22px


//===============================================
//字体粗细
//===============================================
 $font-weight-s: 300;
 $font-weight-m: 400;
 $font-weight-l: 600;
 $font-weight-xl: 700;



//===============================================
//颜色卡
//===============================================
$color-default: #000;
$color-acquiesce: #fff;
$color-bg: #f3f3f3;
$color-bg-second: #e8faf3;
$color-bg-third: #f9f9f7;
$color-bg-four: #fbfbfb;
$color-bg-five: #555;
$color-bg-six: #a8a8a8;
$color-bg-seven: #6994c1;
$color-bg-eight: #fcf8e3;


//字体颜色
$font-color: #333;
$font-color-default: #999;
$font-color-second: #666;
$font-color-third: #84cbc9;
$font-color-four: #444;

//标题颜色
$h-color: #0b73bb;


//===============================================
//border颜色
//===============================================
$border-color: #ddd;
$border-color-default: #9cd1cf;
$border-color-second: #eaeaea;
$border-color-four: #e6e6e6;
$border-color-five: #f4e7a5;
$border-color-six: #eaedf1;
$border-color-seven: #a3a2a2;


//===============================================
//header,footer,main背景颜色
//===============================================
$bg-color: #f5f5f5;
$bg-color-default: #edf3fc;
$bg-color-second: #fdfdfc;
$bg-color-third: #eee;
$bg-color-four: #e4f5ee;
$bg-main: #f9f9f9;
$bg-mark: #d7faec;


//===============================================
//btn颜色
//===============================================
$btn-color: #1fb1ba;
$btn-color-default: #4bba8f;
$btn-color-second: #f9fafc;

//===============================================
//标记颜色
//===============================================
$mark-color: #0b73bb;
$mark-color-default: #e24846;
$mark-color-second: #f60;
$mark-color-four: #e24846;
$mark-color-five: #ffae21;
$mark-color-six: #0b73bb;
$mark-color-seven: #ff4a4a;
$mark-color-eight: #126ca5;

//===============================================
//标记hover
//===============================================
$mark-hover: #e64343;
$mark-hover-default: #3d9976;

//===============================================
//border-radius大小
//===============================================
$border-radius: 2px;
$border-radius-default: 4px;
$border-radius-second: 50%;


//===============================================
//透明度
//===============================================
$opacity: .9;
$opacity-default: .8;
$opacity-second: .7;
$opacity-third: .6;